.tc{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix {*zoom: 1;}
.clearfix:before,
.clearfix:after {display: table; line-height: 0;  content: ""; }
.clearfix:after { clear: both;}
*{/*word-break:break-all;*/}
iframe{border: 0;padding: 0;margin: 0;}
p{ margin:0;  line-height:22px; box-sizing:content-box;}
.graybg {background: #f3f3f3;}

a,a:link,a:visited,a:hover{ color:#484848;text-decoration: none;}
.nbr{border-right:none !important;}
input[type=checkbox]{
	border: 1px solid #CCCCCC;width:17px;height:17px;
}
.imgbox img{
	background-position: center;max-height:150px;max-width:220px;
}
.imgbox img_zs{
	background-position: center;max-width:220px;
}
input{ outline:none;}
body{ font-size:12px; line-height:1.2; font-family: "Microsoft YaHei","微软雅黑","sans-serif";background:#fff;}

.h310{height: 310px;}
.subbanner,.recommond,.homenews{ max-width:1111px; margin:0 auto; width:100%;}

.banner{width:100%; position:relative;}
.banner .item{ background-repeat:no-repeat; background-position:center center; width:100%; height:532px;cursor:pointer}
.banner .pagearr{ position:absolute; top:auto; bottom:0; z-index:3; left:0;}
.banner .pagearr span{ background-image:url(clientlib-common/image/banner/icon.png);}

/*.pagetool{cursor: pointer;width:120px; height:213px; position:fixed; right:0; left:auto; top:280px; background:url(clientlib-common/image/tool/vio.jpg) 0 no-repeat; z-index:999;}
.pagetool a{text-indent:10000px;width:54px;height:56px; display:block; background:url(clientlib-common/image/_blank.gif);position: relative;}
.pagetool a span{display: none; width:60px;height:56px; background:url(clientlib-common/image/tool/voi.png) no-repeat; position:absolute;top: 0;left:-60px; }
.pagetool a.chat span{background-position-y:-56px;}
.pagetool a.interactive span{background-position-y:0;}
.pagetool a:hover span{display: block;}
*/

.pagearr{ height:10px; padding:30px 0; text-align:center;width:100%;}
.pagearr span,.pagearr a{width:10px; display:inline-block; height:10px; background-repeat:no-repeat; background-position:-19px 0; margin:0 3px;}
.pagearr span.swiper-active-switch,.pagearr a.active,.pagearr span.active{ background-position:0 0;}

.subbanner{max-width: 1920px;}
.subbanner .item{width:25%; float:left; position:relative;}
.subbanner .item img{width:100%;display: block;}
.subbanner .item a{ display:block; width:100%;height:100%;margin:0;padding: 0;}
.subbanner .item b{ z-index:998; display:inline-block; position:absolute; left:15px; top:auto; bottom:15px; color:#fff; font-size:16px; padding-left:18px; height:24px; line-height:24px; background:url(clientlib-common/image/subbanner/icon.png) left center no-repeat;}
.subbanner a:hover .mask{
	position: absolute;width: 100%;height: 100%;top:0;left:0;z-index: 997;
	display:block;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;  opacity: 0.5; background: #000; }
@media only screen and (max-width: 1068px){
	.subbanner .item{width:50%;}
}

.productSubMenu .content,.productSubcontent{width:1000px; margin:0 auto;}
.productSubMenu{ background-color:#4B4B4B; height:42px;}
.productSubMenu li{ height:40px; line-height:40px; color:#fff; padding:0 15px; float:left;}
.productSubMenu li.active{ color:#DF1618; border-bottom:2px solid #DF1618;}
.productSubMenu li.home{width:20px; background:url(clientlib-common/image/product/home.png) center center no-repeat;}
.productSubMenu li.home a{display:block;width:20px;height:40px;}
.productSubMenu li.active a,.productSubMenu li.active a:link,.productSubMenu li.active a:visited{color:#DF1618; }
.productSubMenu li a,.productSubMenu li a:link,.productSubMenu li a:visited{color:#fff; }
.productSubCrub{height:45px; line-height:45px; color:#898989;}
.productSubCrub a,.productSubCrub a:link,.productSubCrub a:visited{ color:#353535;}


.productSubTitle{ height:40px; padding:10px 0 20px 0;}
.productSubTitle h2{ font-size:32px; display:inline-block; float:left;}
.productSubTitle .title{padding-bottom: 30px;}
.productSubTitle .btn{padding-right:20px; padding-left:40px; height:40px; line-height:40px; background:#f1f1f1 url(clientlib-common/image/product2/rb.jpg) 10px center no-repeat;display:inline-block; float:right;}
.productSubTitle .des{ padding-right:15px;}
.productSubTitle .des span{ color:#e21001;}
.productSubTitle .des,.productSubTitle .btn{float:right; height:40px; display:inline-block; line-height:40px; font-size:14px;}
.productSubTitle.search{padding-bottom: 20px;}
.productSubTitle.search .des{line-height: 30px;heigh:30px;padding-top: 10px;}
.productSubTitle.search .search{padding-top: 10px;}

.recommond{ background-color:#f3f3f3; padding-bottom:55px;}
.recommond h2{ height:95px; line-height:95px; color:#343434; font-size:25px; text-align:center;}
.recommond .slider{height:262px; width:1000px; margin:0 auto;}
.recommond .slider .item{width:200px; height:262px; position:relative; float:left; overflow:hidden;cursor: pointer;}
.recommond .slider .item img{ float:right;position: absolute; right: -140px;}
.recommond .slider .item .para.i1{ background-color:#5a5a5a;}
.recommond .slider .item .para.i2{ background-color:#3c3c3c;}
.recommond .slider .item .para.i3{ background-color:#1d1d1d;}
.recommond .slider .item .para{width:200px; position:absolute; height:100%; z-index:2; left:0;top:0; overflow:hidden; word-break:break-all;}
.recommond .slider .item .para b{ display:inline-block;width:67px;height:57px; z-index:9; position:absolute; top:auto;left:auto;right:0;bottom:0; background:url(clientlib-common/image/rec/ic.png);}

.recommond .slider .item.active{}
.recommond .slider .item.active .para{ background:url(clientlib-common/image/rec/abg.png) left center no-repeat;width: 275px;}
.recommond .slider .item.active .para b{background:url(clientlib-common/image/rec/ic_ac.png);}
.recommond .slider .item.active .para .main h4,.recommond .slider .item.active .para .main a,.recommond .slider .item.active .para .main p{ display:block;}

.recommond .slider .item .para .main{ padding:25px; color:#fff;}
.recommond .slider .item .para .main h3{font-size:24px;}
.recommond .slider .item .para .main h4{font-size:16px;}
.recommond .slider .item .para .main p{font-size:12px; display:none;}
.recommond .slider .item .para .main a{ display:block; display:none; width:120px;height:33px; background-color:#fff; line-height:33px; text-align:center; font-size:12px;}
.recommond .slider .item .para .main a:link,.recommond .slider .item .para .main a:visited{ color:#b6140e;}


.homenews{}
.homenews h2{ height:95px; line-height:95px; color:#343434; font-size:25px; text-align:center;}
.homenews .homeNewsBox{ color:#2d2d2d; width:1046px; margin:0 auto;}
.homenews .homeNewsBox .slider{height:114px; background-color:#f3f3f3; float:left; margin-right:25px;}
.homenews .homeNewsBox .slider .imgbox{width:112px; overflow:hidden; float:left;}
.homenews .homeNewsBox .slider .con{width:220px; height:114px; float:left;}
.homenews .homeNewsBox .slider .con .inner{ padding:14px;}
.homenews .homeNewsBox .slider .con .inner p{ color:#505050; padding:5px 0;}
.homenews .homeNewsBox .slider .con a{ display:block; float:right; width:75px; text-align:center;height:25px; background-color:#fff; line-height:25px; font-size:12px;}
.homenews .homeNewsBox .slider .con a:link,.homeNews .homeNewsBox .slider .con a:visited{ color:#2d2d2d;}
.homenews .pagearr span{ background-image:url(clientlib-common/image/hn/icon.png);}
.homenews .homeNewsBox .slider .con a:hover{background: #e21001;color:#fff;}



.footer_en{ background-color:#1d1d1d;position:relative;}
.footer_en .sitemap-detail{display:none; /*height: 730px;*/ width:100%;position:absolute;background: #f3f3f3; z-index: 999;left:0;bottom:206px; text-align: left;}
.footer_en .sitemap-detail .content{width: 1000px;padding:10px 0; overflow: hidden;color:#000000;}
.footer_en .sitemap-detail .col1{width: 380px;float:left;}
.footer_en .sitemap-detail .col2{width: 300px;float:left;}
.footer_en .sitemap-detail .col3{width: 300px;float:left;}
.footer_en .sitemap-detail .col-title{line-height: 28px;font-weight: bold; font-size: 18px;padding-top:14px;}
.footer_en .sitemap-detail .icon{background: url(clientlib-common/image/footer/icon_footer.png) no-repeat;text-indent: 25px;}
.footer_en .sitemap-detail .icon.product{background-position:0 20px;}
.footer_en .sitemap-detail .icon.promotion{background-position:0 -204px;}
.footer_en .sitemap-detail .icon.service{background-position:0 -414px;}
.footer_en .sitemap-detail .icon.assistant{background-position:0 -624px;}
.footer_en .sitemap-detail .icon.about{background-position:0 -834px;}
.footer_en .sitemap-detail .icon.member{background-position:0 -1044px;}
.footer_en .sitemap-detail .icon.center{background-position:0 -1254px;}

.footer_en .sitemap-detail dl{overflow: hidden;padding:5px 0; }
.footer_en .sitemap-detail dt{font-weight: bold;padding-right: 10px;line-height: 16px;margin: 4px 0;}
.footer_en .sitemap-detail dd{float: left;}
.footer_en .sitemap-detail dd a{float: left;padding:0 8px;margin: 4px 0;line-height: 16px; height: 16px; border-left: 1px solid #e0e0e0;white-space: nowrap;}
.footer_en .sitemap-detail dd a.nbl{border-left:none;}
.footer_en .sitemap-detail .col1 dd{width:280px;}
.footer_en .sitemap-detail .col1 dt{float: left;width: 65px;}
.footer_en .sitemap-detail .col2 dt{font-size: 18px;line-height:28px;}
.footer_en .sitemap-detail .col3 dt{font-size: 18px;line-height:28px;}

.footer_en .sitemap-detail .col3 .yuan {
	line-height: 30px; margin: 10px 0; text-indent: 10px;
	border: 1px solid #C0C0C0;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;
	position:relative; background:#FFF;  z-index:2;  width:250px;  height:30px; behavior: url(iecss3.htc);
}

.footer_en .para1{ border-bottom:1px solid #313131}
.footer_en .para2{padding:20px 0 76px 0;}
.footer_en .para2 span{display: block; margin: 10px 0;color:#868686;}
.footer_en .content{width:900px; margin:0 auto;}
.footer_en .sitemap{ cursor: pointer; float:right;line-height:51px; padding-left:20px;background:url(clientlib-common/image/footer/sitemap.png) 20px center no-repeat;width: 90px;height:51px;display: block;text-align: center; /*cursor: pointer;*/ }
.footer_en .sitemap:hover{color:#1d1d1d;background:#f3f3f3 url(clientlib-common/image/footer/sitemap_on.png) 20px center no-repeat;}
.footer_en .sitemap:hover .sitemap-detail{display: block;cursor: default;}
.footer_en .logo{padding: 15px 0;}

.footer_en,.footer_en a,.footer_en a:link,.footer_en a:visited,.footer_en a:hover{color:#868686; font-size:12px; text-decoration:none;}
.footer_en .para2 .content{position: relative;}
.footer_en .para2 .qrcode{position: absolute;right:10px;top:0px;}
.footer_en .para2 .qrcode div{display: inline-block; margin-right:20px;text-align: center;}
.footer_en .para2 .qrcode p{line-height: 18px; padding: 0;}




.footer { width: 100%; height:282px; background-color: #1b1a1c;}
.footer .footb {width:100%; background-color: #201f21; }
.footer .foot { width: 1024px; height: 246px; margin: 0 auto;}
.footer .footleft{ float: left; width: 713px; height:246px;}
.footer .footright{width:311; height: 161px; padding-top: 85px; float: left; background-image: url("clientlib-sitemap/image/code.jpg"); background-repeat: no-repeat;}
.footer dl { padding-top:30px; width:140px; float: left;  font-family:"Microsoft YaHei","微软雅黑","SimHei","黑体"; line-height: 28px;}
.footer dl dt{ color: #c4c4c5; font-size: 14px; font-weight: bold;}
.footer dl dd a{color: #646465; font-size: 12px;}
.footer .copyright {color: #626263 ;width: 1024px; margin: 0 auto; line-height: 36px; text-align: center;}
.footer .copyright .statementright{padding-left: 100px;}
.footer .copyright .statementright .separator{padding-left:5px;}
.footer .footright ul li {width:110px; float: left; text-align: center; color: #fff; padding-right: 30px; line-height: 20px;}

.backtotop{display:none; width:56px;height:57px; background:url(clientlib-common/image/backtotop.png) no-repeat; position:fixed; right:0; bottom:50px; top:auto;left:auto;}
.recommond.prodetPagem,.recommond{ padding-bottom:40px;}
.recommond.prodetPagem,.recommond.prodetPage  .slider { height:auto;}
.recommond.prodetPage  .slider .item{width:245px; float:left; background-color:#fff; font-size:12px; height:285px; margin-right:5px;}
.recommond.prodetPage  .slider .item h3{ font-size:18px;}
.recommond.prodetPage  .slider .item h3,.recommond.prodetPage  .slider .item p{ padding:0 0 5px;}
.recommond.prodetPage .imgbox{width:100%; height:180px;}
.recommond.prodetPage .imgbox img{ position:static;}
.recommond.prodetPage .slider .item .main{ padding:10px;}
.recommond.prodetPage  .pagearr{ padding:30px 0 0;}
.recommond.prodetPage  .pagearr a{ background-image:url(clientlib-common/image/hn/icon.png);}




.nav_fixed {position: fixed; width: 100%;  background: #fff;  top: 0;  left :0;  z-index: 109999;  overflow: hidden;  border-bottom: 1px solid #e3e3e3;  }
.menu_fixed {position: fixed;  width: 100%;  background: #fff;  top: 0;  left :0; z-index: 10;  }
div.pagination{float: right;  margin: 0;}
.pagination .allpages{float: left;height: 28px;line-height: 28px; padding: 0 10px;}
.pagination .serch{float: left;height: 28px;line-height: 28px; padding-right:10px;height: 28px;}
.pagination .serch input{width: 35px;height: 22px;}
.pagination .serch a{padding: 0 15px; display: inline-block; background: #FFFFFF; margin-left:10px; }
.pagination ul {display: inline-block;  margin-bottom: 0;margin-left: 0; float: left;}
.pagination ul>li{display: inline;}
.pagination ul>.active>a, .pagination ul>.active>span{  color: #999;  cursor: default;background: #f3f3f3;color: #e21001;}
.pagination ul>li>a, .pagination ul>li>span{  float: left;  padding: 4px 12px;  line-height: 20px;  text-decoration: none;  background-color: #fff; margin: 0 5px;}

.product-list-item{height:37px;line-height: 37px; background:#efefef;margin-bottom: 5px;}
.product-list-item div{display:block;width: 50%;float: left;overflow: hidden;}
.product-list-item .co1{text-indent: 40px;background: url(clientlib-common/image/common/rect.jpg) 20px 15px no-repeat; }
.product-list-item .co2{text-indent: 20px;background: url(clientlib-common/image/common/line.jpg) 0px 10px no-repeat; }
.product-list{/*margin-bottom: 20px;*/overflow: hidden;}

.map-content{padding:10px 30px;}
.map-wrap{background: #f3f3f3;padding:50px 0; }
.map-wrap .content{width: 1000px;margin:0 auto; background: #FFFFFF; overflow: hidden;}
.map-area{overflow: hidden;}
.map-area div{line-height: 60px;background:#fff; width: 498px; font-size: 18px; font-weight: bold; border-bottom:3px solid #f3f3f3;  float: left;height: 60px;text-align: center; color: #484848;}
.map-area .local{border-right:4px solid #f3f3f3; }
.map-area div.active{color: #e21001; border-bottom:3px solid #e21001;}

.pro-category{margin-top: 10px;}
.pro-category div,.pro-category input,.pro-category a{display: inline-block;  height: 25px;line-height: 25px;}

.pro-category .cate-item{padding:10px 50px; margin-right: 18px;background:#f3f3f3 url(clientlib-common/image/temp/arrow.png) center 18px no-repeat; }
.pro-category .c1{background-position-x:140px;}
.pro-category .c2{background-position-x:120px;}
.pro-category .c3{background-position-x:145px;}
.pro-category .key{padding:10px 20px;background: #f3f3f3; border: 1px solid #f3f3f3; margin-right: 10px;}
.pro-category .btn-search{color: #fff;padding:10px 40px; text-indent: 20px;background:#434343 url(clientlib-common/image/common/s.png) 32px 15px no-repeat;}

.map{height: 425px;margin-top: 10px;}

.map-title div{float:left;background:#f3f3f3; height: 45px;line-height: 45px;margin-right: 10px;text-indent: 30px;font-size: 16px;}
.map-title .nation{width: 183px;}
.map-title .area{width: 183px;}
.map-title .name{width: 550px;margin: 0;}

.map-list-item{position: relative; overflow: hidden;}
.map-list-item.odd{background: #f3f3f3; }
.map-list-item div{float:left;height: 45px;line-height: 45px;margin-right: 10px;text-indent: 30px;font-size: 16px; color: #585858;}
.map-list-item .c1{width: 183px; text-indent: 45px;background: url(clientlib-common/image/common/rect.jpg) 31px 20px no-repeat; }
.map-list-item .c2{width: 183px;}
.map-list-item .c3{width: 543px;}
.map-list-item .c4{position: absolute;right: 15px;top:2px; font-size: 14px;}
.map-list-item .info{display: none;}

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

.popupCount{width: 420px;height:245px;position:fixed;top:0;left: 0;display: none; z-index: 9999999;background: #fff;}
.popupCount .title{height:110px;font-size: 28px; text-align: center;padding-top:40px;}
.popupCount span{color:#e21001}
.popupCount .action{background:#f3f3f3;padding-top:20px;height:75px;text-align: center;}
.popupCount .action a{cursor: pointer; display: inline-block;padding: 15px 45px; text-align: center; background: #434343;color:#fff;font-size:16px; }

.popupSameCategory{width: 420px;height:245px;position:fixed;top:0;left: 0;display: none; z-index: 9999999;background: #fff;}
.popupSameCategory .title{height:110px;font-size: 28px; text-align: center;padding-top:40px;}
.popupSameCategory span{color:#e21001}
.popupSameCategory .action{background:#f3f3f3;padding-top:20px;height:75px;text-align: center;}
.popupSameCategory .action a{cursor: pointer; display: inline-block;padding: 15px 45px; text-align: center; background: #434343;color:#fff;font-size:16px; }

.popup{width: 420px;height:245px;position:fixed;top:0;left: 0;display: none; z-index: 9999999;background: #fff;}
.popup .title{height:110px;font-size: 28px; text-align: center;padding-top:40px;}
.popup span{color:#e21001}
.popup .action{background:#f3f3f3;padding-top:20px;height:75px;text-align: center;}
.popup .action a{cursor: pointer; display: inline-block;padding: 15px 45px; text-align: center; background: #434343;color:#fff;font-size:16px; }

.chat-room-frame{
	width:860px;  height:590px;display: none;
}
.chat-content{
	-moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;
	padding: 10px;border: 2px solid #fff;
	position:relative; background:#FFF;  z-index:2;  behavior: url(iecss3.htc);
}

.chat-room-frame a{
	background: #000;opacity: 0;filter:alpha(opacity=0);
	display: block; cursor: pointer; z-index: 9999;text-indent: -9999em;
	overflow: hidden; }
.chat-room-frame .close1{ position: absolute; width: 30px;height: 30px; top:34px;left:785px;}
.chat-room-frame .close2{ position: absolute; width: 80px;height: 30px; top:525px;left:488px;}

.video-close{position: absolute;display: block;width: 51px;height: 51px;background: url(clientlib-common/image/video/close_button_white.png) no-repeat;right:-51px;top:0px;cursor: pointer;}

.navi-hot{position:absolute;left:0;top:0;width:24px;height:24px;background:url(clientlib-common/image/common/hot.gif) no-repeat left top}


.right-nav{position:fixed;right:-188px;top:140px;z-index: 10}
.right-nav .btn-main{position:absolute;left:-142px;top:0;width:172px;height:104px;background:url("http://www.sanygroup.com/xt/cxhd/images/nav-btn.png") no-repeat;cursor:pointer;display: none;}
.right-nav .btn-main2{position:absolute;left:-157px;top:0;width:159px;height:104px;background:url("http://www.sanygroup.com/xt/cxhd/images/nav-btn2.png") no-repeat;cursor:pointer;}
.right-nav .nav-main{width:188px;height:483px;background:url("clientlib-common/image/common/nav-bg.png") no-repeat;}
.right-nav .nav-main .nav-title{padding-top:30px;padding-bottom:13px;height: 17px;text-align: center}
.right-nav .nav-main a{display:block;width:138px;height:43px;margin:0 auto;margin-top:5px}
.right-nav .nav-main .nav-return{display:block;width:160px;height:74px;margin:0 auto;margin-top:20px;}
.right-nav .nav-main .nav-return img{max-width:100%}


/*百度免费电话&商务通start*/
#LRfloater0{display:none}
#LR_User_Icon0{position:fixed;right:0;top:182px;z-index:99}
.goTop,.swt,.lxb{width:100px;cursor:pointer}
.lxbCon{width:100px;height:70px;background:#cc0212;border-top:1px solid #5b0101;display:none}
.lxbCon input{display:block;margin:7px auto;width:90px;font-size:12px;text-align:center}
.lxbCon .callBtn{display:block}
#swtBox p{padding:0}
/*百度免费电话&商务通end*/
@charset "utf-8";
.header { 
  height: 140px;
  border-bottom: 3px solid #e21001;
}
.header .content {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
.header .logoSpace {
  height: 96px;
}
.header .logo {
  padding-top: 8px;
  display: inline-block;
  float: left;
}
.header .menuSpace {
  border-top: 1px solid #e9e9e9;
  font-size: 16px;
}
.header .menuSpace ul {
  height: 43px;
  line-height: 43px;
}
.header .menuSpace li {
  height: 43px;
  line-height: 43px;
  padding: 0 28px;
  float: left;
  position: relative;
}
.header .menuSpace .product-menu span {
  position: absolute;
  display: block;
  z-index: 99;
  background: url(clientlib-common/image/menu/icon_bottom.png) no-repeat;
  width: 16px;
  height: 7px;
  left: 50%;
  margin-left: -8px;
  top: 46px;
}
.header .search {
  height: 30px;
  position: absolute;
  right: 0;
  left: auto;
  top: 48px;
}

.header .search span {
  float: left;
  line-height: 28px;
  padding: 0 20px;
  color: #cecece;
}

.header .search input {
  padding: 0 5px;
  width: 238px;
  border: 1px solid #ccc;
  border-right: 0;
  height: 28px;
  float: left;
}
.header .search a {
  display: inline-block;
  float: left;
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  background-color: #DF1618;
  color: #fff;
}
.header .toplink {
  height: 28px;
  line-height: 28px;
  background-color: #F2F2F2;
  padding: 0 10px;
  position: absolute;
  right: 0;
  left: auto;
  top: 0;
}
.header .toplink div{
  display: inline-block;
}
.header .toplink div.login-on {
  display: none;
}


.header .toplink:hover .nation-list {
  display: block;
}
.header .toplink .nation-list {
  position: absolute;
  z-index: 999;
  background: #fff;
  width: 312px;
  padding: 10px;
  display: none;
  top: 28px;
  left: -228px;
  border-right: 1px solid #ccc;
  border-bottom: 4px solid #e21001;
}
.header .toplink .nation-list .nation-tl {
  background: #fff;
  font-size: 16px;
  text-align: left;
  padding: 5px 5px 5px 0;
  color: #252525;
}
.header .toplink .nation-list .col {
  padding: 0 15px;
}
.header .toplink .nation-list a {
  background: #fff;
  background: url(clientlib-common/image/common/rect.jpg) 0 9px no-repeat;
  font-size: 13px;
  border: none;
  padding: 5px;
  text-indent: 12px;
  display: block;
  height: 13px;
  line-height: 13px;
  margin: 0;
  color: #a5a5a5;
}
.header .toplink .nation-list a:link {
  color: #a5a5a5;
  margin: 0;
}
.header .toplink .nation-list a:visited {
  color: #a5a5a5;
  margin: 0;
}
.header .toplink a {
  padding: 0 7px;
  border-right: 1px solid #ccc;
  color: #737373;
  display: inline-block;
  line-height: 16px;
  cursor: pointer;
}
.header .toplink a.login {
  border: none;
  color: #505050;
}

.header .toplink a.member {
  background: url(clientlib-common/image/header/person.png) 3px 2px no-repeat;
  text-indent: 16px;
}
.header .toplink a.down {
  padding-right: 10px;
  background: url(clientlib-common/image/tool/icon.jpg) right center no-repeat;
  border: none;
  position: relative;
  text-indent: 20px;
}
.header .toplink a.down span {
  background: url(clientlib-common/image/header/map.png) 0 0 no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 7px;
}
.header .toplink a:link {
  color: #737373;
  margin: 0 3px;
}
.header .toplink a:visited {
  color: #737373;
  margin: 0 3px;
}

.menuSpace li:hover span {
  position: absolute;
  display: block;
  z-index: 99;
  background: url(clientlib-common/image/header/arrow_up.png) no-repeat;
  width: 16px;
  height: 7px;
  left: 50%;
  margin-left: -8px;
  top: 36px;
}
.menuSpace li a:hover {
  color: #e21001;
}
.menuSpace li.active {
  background: #f1f1f1 url(clientlib-common/image/header/arrow.png) 100px center no-repeat;
  padding-right: 32px;
}
.menuSpace li.active a {
  color: #e21001;
}
.menuSpace li.active.select span {
  display: none;
}
.menuSpace li.active.select .subitems {
  font-size: 14px;
      display: none;
}
.menuSpace li.active.select .subitems span {
  display: inline-block;
  position: static;
  top: 0;
}
.menuSpace li.select a {
  color: #e21001;
}
.menuSpace li.select span {
  position: absolute;
  display: block;
  z-index: 99;
  background: url(clientlib-common/image/header/arrow_up.png) no-repeat;
  width: 16px;
  height: 7px;
  left: 50%;
  margin-left: -8px;
  top: 36px;
}

.menuSpace .dorpdown-layer .subitems dl {
  width: 100%;
  overflow: hidden;
  line-height: 2em;
  border-bottom: 1px solid #e1e1e1;
}
.menuSpace .dorpdown-layer .subitems dl.last {
  border-bottom: none;
}
.menuSpace .dorpdown-layer .subitems .item-title {
  background: url(clientlib-common/image/menu/arrow.png) top right no-repeat;
  display: inline-block;
  padding-right: 11px;
  line-height: 19px;
  color: #ffffff;
}
.menuSpace .dorpdown-layer .subitems .item-title a {
  color: #ffffff;
}
.menuSpace .dorpdown-layer .subitems .item-title h4 {
  background: #515151;
  padding: 5px 10px;
}

.menuSpace .dorpdown-layer {
  position: absolute;
  left: 242px;
  top: 0px;
  background: #ffffff;
  z-index: 9;
}
.menuSpace .dorpdown-layer .subitems {
  position: absolute;
  background: #fff;
}
.menuSpace .dorpdown-layer .subitems .item-col {
  float: left;
}
.menuSpace .dorpdown-layer .subitems.hntjx {
  background: #ffffff;
  height: 516px;
  width: 398px;
}
.menuSpace .dorpdown-layer .subitems.lngzb {
  top: 380px;
}
.menuSpace .dorpdown-layer .subitems.ysj {
  top: 451px;
}
.menuSpace .dorpdown-layer .subitems.zljx {
  top: 189px;
  height: 327px;
}
.menuSpace .dorpdown-layer .subitems.wjj {
  top: 47px;
}
.menuSpace .dorpdown-layer .subitems.qzj {
  height: 516px;
}
.menuSpace .dorpdown-layer .subitems.zgjx {
  top: 132px;
}
.menuSpace .dorpdown-layer .subitems.gkjx {
  height: 516px;
  width: 398px;
}
.menuSpace .dorpdown-layer .subitems.fjcp {
  top: 282px;
}
.menuSpace .dorpdown-layer .subitems.syzb {
  height: 516px;
  width: 398px;
}
.menuSpace .dorpdown-layer .subitems.mtjx {
  /*top:260px;*/
  height: 516px;
  width: 398px;
}
.menuSpace .dorpdown-layer .subitems.skjc {
  top: 388px;
}
.menuSpace .dorpdown-layer .subitems .item-list {
  width: 199px;
  height: 64px;
  line-height: 64px;
}
.menuSpace .dorpdown-layer .subitems .item-list:hover {
  background: #f2f2f2;
}
.menuSpace .dorpdown-layer .subitems .item-list:hover a {
  color: #e21001;
}
.menuSpace .dorpdown-layer .subitems .item-list a {
  color: #515151;
}
.menuSpace .dorpdown-layer .subitems .item-list .himg {
  padding: 5px;
  float: left;
  width: 54px;
  height: 54px;
}
.menuSpace .dorpdown-layer .subitems .item-list .htitle {
  vertical-align: middle;
  padding-left: 10px;
  /*word-break: break-all;
  word-wrap: break-word;*/
  width: 115px;
  line-height: 1.4em;
  display: inline-block;
}

.menuSpace .dorpdown-layer .subitems dt {
  position: relative;
  float: left;
  width: 184px;
  padding: 8px 0;
  text-align: left;
  font-weight: 700;
  color: #515151;
}
.menuSpace .dorpdown-layer .subitems dt a {
  color: #515151;
}
.menuSpace .dorpdown-layer .subitems dd {
  float: left;
  padding: 12px 0;
  width: 450px;
}
.menuSpace .dorpdown-layer .subitems dd a {
  float: left;
  padding: 3px 0;
  margin: 1px 8px;
  line-height: 16px;
  height: 16px;
  white-space: nowrap;
  color: #515151;
}
.menuSpace .dorpdown-layer .subitems dd a:hover {
  color: #e21001;
}
.menuSpace .subnav {
  position: absolute;
  top: 43px;
  left: 0;
  z-index: 99999999;
  display: block;
  border-top: 3px solid #e21001;
  display: none;
}
.menuSpace .subnav li {
  color: #373737;
  background: #fff;
  border-bottom: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  height: 46px;
  line-height: 46px;
}
.menuSpace .subnav li span {
  display: none;
}
.menuSpace .subnav li a {
  color: #373737;
  width: 184px;
  height: 46px;
  line-height: 46px;
  display: block;
}
.menuSpace .subnav li.active {
  background: #e21001;
  border: none;
  color: #ffffff;
  height: 47px;
  line-height: 47px;
}
.menuSpace .subnav li.active a {
  width: 183px;
  height: 47px;
  line-height: 47px;  
  color: #ffffff;
}
.menuSpace .subnav li.active span {
  background: url(clientlib-common/image/header/arrow_left.png) no-repeat;
  position: absolute;
  display: block;
  width: 10px;
  height: 22px;
  left: 246px;
  top: 13px;
}

.menuSpace .subnav li.last {
  background-image: none;
}
.menuSpace .subitems .pagearr {
  position: absolute;
  bottom: 10px;
  z-index: 3;
  left: 0;
}
.menuSpace .subitems .pagearr span {
  background-image: url(clientlib-common/image/banner/icon.png);
  cursor: pointer;
}
.menuSpace .subitems .pagearr span {
  width: 10px;
  display: inline-block;
  height: 10px;
  background-repeat: no-repeat;
  background-position: -19px 0;
  margin: 0 3px;
}
.menuSpace .subitems .pagearr span.swiper-active-switch {
  background-position: 0 0;
}

.header .search a input {
  display: inline-block;
  float: left;
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  background-color: #DF1618;
  color: #fff;
}



.top-new{background:#0389C9;font-family:Microsoft Yahei}
.container{width:1200px;margin:0 auto;position:relative}
.caret{display:inline-block;margin-left:4px;width:10px;height:8px;background:url("indexsp.png?a1") no-repeat;background-position:-30px -27px;}
.img img{width:100%;height:100%}
/*--top--*/
.top-new .container{height:35px;line-height:35px;font-size:12px;}
.top-new .top-tel{color:#fff}
.top-new .top-tel i{margin:0 4px;display:inline-block;width:20px;height:20px;vertical-align:middle;background:url("indexsp.png?1") no-repeat;}
.top-new .top-navbar{position:absolute;right:0;top:0;width:420px;height:40px;line-height:40px;}
.top-new .top-navbar .top-nav{position:relative;float:left;text-align:center;cursor:pointer;margin-left:20px;}

.top-new .top-navbar .top-nav .down{display:none;position:absolute;left:50%;margin-left:-90px;width:180px;background:#fff;border:1px solid #f5f5f5;box-shadow:0 0 10px rgba(0, 0, 0, .3);z-index:5;}
.top-new .top-navbar .down a{display:block;height:30px;line-height:30px;}
/*.top .top-navbar .down a:hover{background:#ff001e;color:#fff}*/
.top-new .top-navbar .down a:hover{color:#ff001e}


.top-new .top-navbar .top-nav .down2{display:none;position:absolute;left:50%;margin-left:-90px;width:180px;background:#fff;border:1px solid #f5f5f5;box-shadow:0 0 10px rgba(0, 0, 0, .3);z-index:5;}
.top-new .top-navbar .down2 a{
	display:block;
	height:25px;
	line-height:25px;
	text-align: left;
	padding-left:5px;
	font-size: 12px;
}
/*.top .top-navbar .down a:hover{background:#ff001e;color:#fff}*/
.top-new .top-navbar .down2 a:hover{
	color:#ff001e;
	background-color: #eaeaea;	
}

/*.top .top-navbar .top-nav:hover .down,.top .top-navbar .top-nav:hover .nation-list{display:block;}*/
.top-new .top-navbar .nation-list{display:none;position:absolute;right:0;padding:20px;width:460px;background:#fff;border:1px solid #f5f5f5;box-shadow:0 0 10px rgba(0, 0, 0, .3);z-index:5}
.top-new .top-navbar .nation-list .col{float:left;width:50%;font-size:12px;text-align:left}
.top-new .top-navbar .nation-list .col a{display:block;height:26px;padding-left:16px;line-height:26px;background:url("clientlib-common/image/common/rect.jpg") left center no-repeat}
.top-new .top-navbar .nation-list .col .son{padding-left:26px;background-position:10px center}
.top-new .top-navbar .nation-list .col .gson{padding-left:46px;background-position:30px center}
.top-new .top-navbar .nation-list .nation-tl{font-size:16px;font-weight:bold}
.top-new .top-navbar .nation-list a:hover{color:#ff001e}
/*--navbar--*/
.navbar{padding:26px 0;height:70px;position:relative}
.navbar .logo{float:left;width:240px;height:70px;}
.navbar .nav{float:left;width:900px;}
.navbar .nav>ul{}
.navbar .nav>ul>li{position:relative;float:left;width:148px;height:70px;line-height:70px;font-size:18px;text-align:center}
.navbar .nav>ul>li>a{display:block;}
.navbar .nav>ul>li .caret{margin-left:8px}
.navbar .nav a{display:block;color:#000;}
.navbar .nav>ul>li>.active,.navbar .nav>ul>li:hover>a{color:#ff001e}
.navbar .nav>ul>li>.active>.caret,.navbar .nav>ul>li:hover>a>.caret{background-position:-30px -37px;}
/*.navbar .nav>ul>li:hover .down{display:block}*/
.navbar .nav .down{position:absolute;left:-35px;top:58px;width:220px;background:#fff;z-index:100;border-top:2px solid #ff011d;display:none;box-shadow:0 0 10px rgba(0, 0, 0, .3)}
.navbar .nav .down li{position:relative;background:#fff}
.navbar .nav .down ul>li>a{height:40px;line-height:40px;font-size:16px;}
.navbar .nav .down ul>li:hover>a{background:#ff001e;color:#fff;}
.navbar .nav .down ul>li:hover>.has-caret{background:url("clientlib-common/image/common/caret.png") no-repeat 196px center #ff001e;}
/*.navbar .nav .down ul>li:hover>.right{display:block}*/
.navbar .nav .right{position:absolute;left:220px;top:0;width:220px;background:#fff;z-index:100;display:none;box-shadow:0 0 10px rgba(0, 0, 0, .3)}
.navbar .nav .port{top:-200px}
.navbar .nav .cnc{top:-40px}
.navbar .nav .petroleum{top:-160px}
.navbar .nav .coal{top:-286px}
.navbar .nav .lng{top:-80px}
.navbar .nav .cppj{top:-321px}
.navbar .nav-search{position:absolute;right:0;top:24px;width:24px;height:24px;background:url("indexsp.png") no-repeat;background-position:-30px -0;cursor:pointer}
.navbar .search-bar{display:none;position:absolute;left:50%;bottom:-60px;margin-left:-231px;width:460px;height:30px;border:1px solid #999;z-index:2}
.navbar .search-bar input{float:left;height:30px;line-height:30px;font-size:14px}
.navbar .search-bar .keyword{width:400px}
.navbar .search-bar .sbtn{width:60px;background:#ce031c;cursor:pointer;color:#fff}
/*--footer--*/
.footer-new { width: 100%;background-color: #036DA7;}
.footer-new .footb {width:100%;text-align:center}
.footer-new .foot {display:inline-block;height: 220px;text-align:left}
.footer-new .foot-left{ float: left; width: 820px; height:220px;}
.footer-new dl { padding-top:20px; width:164px; float: left;line-height: 24px;}
.footer-new dl dt{ color: #CCFFFF; font-size: 18px;margin-bottom:10px;}
.footer-new dl dd a{color: #eaeaea; font-size: 14px;}
.footer-new dl dd a:hover{color: #fff;}
.footer-new .follow{}
.footer-new .follow .code{margin-top:18px;width:90px;height:90px;}
.footer-new .follow .btn{margin-top:18px;}
.footer-new .follow a{display:inline-block}
.footer-new .follow .sina{width:26px;height:26px;background:url("indexsp.png") no-repeat;background-position:0 -51px;}
.footer-new .foot-right{float: left;width:250px;}
.footer-new .foot-right .tel{padding-top: 110px;padding-bottom:36px}
.footer-new .foot-right .tel div{float:left}
.footer-new .foot-right .tel .icon{margin-right:10px;width:40px; height: 40px;background:url("indexsp.png") no-repeat;background-position:0 -83px;}
.footer-new .foot-right .tel span{color:#AAA}
.footer-new .foot-right .tel p{font-size:16px;color:#BBB}
.footer-new .foot-right .statement{}
.footer-new .foot-right .statement a{color:#646465}
.footer-new .foot-right .statement a:hover{color:#fff}
.footer-new .foot-right .statement .separator{padding-left:5px;color:#646465}
.footer-new .copyright {
	padding:10px 0;
	line-height: 36px;
	text-align: center;
	color:#999;
	background-color: #002E5B;
}
/*.footer .footright ul li {width:110px; float: left; text-align: center; color: #fff; padding-right: 30px; line-height: 20px;}*/
/*--modal--*/
.modal2{position:fixed;z-index:21;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none}
.modal2 .modal-dialog{position:absolute;left:0;top:-174px;width:100%;background-color: #2b2b2b;}
.modal2 .modal-content{width:1050px;margin:auto;padding:22px 0}
.modal2 .modal-content>div{float:left}
.modal2 .modal-content .search-logo{width:162px;height:128px;}
.modal2 .modal-content .search-bar{margin:47px 30px 47px 50px;width:760px;height:34px;background:#eee;border-radius:4px;overflow:hidden}
.modal2 .modal-content .search-bar label{margin-top:-8px;display:inline-block;width:46px;height:34px;background:url("clientlib-common/images/searchbg.png") no-repeat center;vertical-align:middle}
.modal2 .modal-content .search-bar input{margin:0;padding:0;border:none}
.modal2 .modal-content .search-bar .keyword{float:left;padding-left:10px;width:700px;height:34px;line-height:34px;font-size:16px;}
.modal2 .modal-content .search-bar .search-btn{float:left;width:50px;height:34px;line-height:34px;text-align:center;font-size:16px;background:#ef011c;color:#fff;cursor:pointer}
.modal2 .modal-content .search-close{float:left;margin:47px 0;width:34px;height:34px;line-height:28px;text-align:center;color:#666;font-size:26px;font-weight:700;text-shadow: 0 1px 0 #666;vertical-align:top;cursor:pointer;}
.modal2 .modal-content .search-close:hover{color:#ccc}
.modal-open{overflow:hidden;padding-right:17px}
@media screen and (min-width:10px) and (max-width:1460px){
    .navbar .nav{float:left;width:825px}
    .container{width:1050px;margin:0 auto;position:relative}
    .navbar .nav>ul{margin-left:76px}
    .navbar .nav>ul>li{position:relative;float:left;width:120px;height:70px;font-size:18px;text-align:center}
    .navbar .nav .down{position:absolute;left:50%;margin-left:-80px;top:50px;width:160px;background:#fff;border-top:2px solid #ff011d;display:none;box-shadow:0 0 10px rgba(0,0,0,.3)}
    .navbar{padding:10px 0}
    .navbar .nav .right{position:absolute;left:160px;width:200px;background:#fff;display:none;box-shadow:0 0 10px rgba(0,0,0,.3)}
    .footer-new .footb{text-align:center}
    .footer-new .foot{display:inline-block;width:1050px;margin:0 auto;text-align:left}
    .footer-new .foot-left{width:770px}
    .footer-new dl{width:154px}
    .footer-new .foot-right{float:left;width:250px}
    .modal2 .modal-content {padding: 6px 0;}
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

ul,li,dl,dt,dd,div,h1,h2,h3,h4,h5,h6{ list-style:none;padding:0;margin:0;}




















/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}




/* SearchBar */

.SearchBar {
	width:189px;text-align:left;
	height:35px;
	background:url("search_bg.png?a1") no-repeat left top;
}

.Sbox .SearchBar{
	margin:10px 0px 0px 10px;}

.SearchBar #search-text {
	width: 140px;
	padding:0px 5px;
 	margin:0px;
	color:#666666;
	height:23px;
	line-height:23px;
	font-size:12px;
	background:none;
	border:none;padding-left:15px}

.SearchBar #search-submit {
	border:none;
	background:none;
	font-size:12px;
	color: #FFFFFF;
	height:25px;
	margin:0px;	
	cursor:pointer;padding:0px;
	line-height:25px;width:25px;}



/* SearchBar */

.SearchBar2 {
	width:220px;
	height:48px;
	background:url("search_bge.gif") no-repeat left top;
}

.SearchBar2{
	margin:10px 0px 0px 10px;}

.SearchBar2 #search-text {
	width: 120px;
	padding:0px 5px;
 	margin:0px;
	color:#666666;
	height:23px;
	line-height:23px;
	font-size:12px;
	background:none;
	border:none;
	padding-left:25px;}

.SearchBar2 #search-submit {
	border:none;
	background:none;
	font-size:12px;
	color: #FFFFFF;
	height:25px;
	margin:0px;	
	cursor:pointer;
	padding:0px;
	line-height:25px;
	width:54px;
}


/* search content */
#search_content .searchtip{
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	BORDER-bottom: #023848 1px solid;
	padding-top:10px;
}

#search_content .result_list{
	padding:10px 10px;
	}
	
#search_content .result_list dt{
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	line-height:25px;
	font-family:Microsoft Yahei;}	

#search_content .result_list dd{
	padding:0 0 5px 0;
	margin:0px;
	line-height:20px;
	}	

#search_content .result_list .line {
	BORDER-bottom: #E9E8E8 1px dashed;}	

#search_content .result_list .line a{
	padding-right:20px;}

#search_content .result_list .line a:hover{
	text-decoration:none;}			
	
#search_content .search_welcome{
	line-height:25px;
	text-align:center;
	}
#search_content .search_welcome p{
	text-align:center;}		
#search_content .result_page{
	text-align:center;
	font-size:13px;
	padding:10px;}

#search_content .result_page span{
	font-size:12px;
	font-family:arial;
	padding:0 5px;
	}	

.orderkey {
	float:right;
	margin-top:0px;
	color:#900;
	cursor:pointer;
	
}



.indexFloatCon { position: fixed; display: block; right: 0; bottom: 0; width: 52px; z-index: 9999; background: #fff; }
.indexFloatCon li { position: relative; margin-top: 1px; height: 50px; *margin-top: -3px;
border: 1px solid #d9d9d9; }
.indexFloatCon li:first-child { margin-top: 0; }
.indexFloatCon li a { display: block; height: 50px; }
.indexFloatCon li a:hover { background: #db2f43; }
.indexFloatCon li a.back2up { background: url(top1.png) center center no-repeat #db2f43; }
.indexFloatCon li a.back2up:hover { background: url(top1.png) center center no-repeat #db2f43; }
.indexFloatCon li a.online { position: absolute; top: 0; left: 0; width: 180px; background: url(qq.png) 6px center no-repeat #fff; font-size: 18px; color: #fff; line-height: 50px; text-indent: 50px; }
.indexFloatCon li a.online:hover { background: url(qq1.png) 6px center no-repeat #db2f43 }

/* .indexFloatCon li a.wb { background: url(wb.jpg) center center no-repeat; overflow: hidden; }
.indexFloatCon li a.wb:hover { background: url(wb1.jpg) center center no-repeat #db2f43; }
 */
.indexFloatCon li a.wb {  overflow: hidden;  font-size: 17px;color:#666;text-align: center;}
.indexFloatCon li a.wb:hover { background:#db2f43;color:#fff;  }

.indexFloatCon li a.erweima { background: url(wx.png) center center no-repeat; }
.indexFloatCon li a.erweima:hover { background: url(wx1.png) center center no-repeat #db2f43 }
.indexFloatCon li .ewmCon { position: absolute; display: none; padding: 13px 10px 10px; bottom: 0; right: 50px; width: 260px; background-color: #fff; border: 1px solid #dbdbdb; box-shadow: 0 0 5px #dbdbdb; font-size: 12px; }
.indexFloatCon li .ewmCon .ewm { float: left; margin: 0 10px; width: 110px; text-align: center; }
.indexFloatCon li .ewmCon .ewm img { display: block; width: 100%; }
.indexFloatCon li .ewmCon .ewm p { color: #343434; margin-top: 5px; }
.indexFloatCon li a.phone { position: absolute; top: 0; left: 0; width: 180px; background: url(phone.png) 6px center no-repeat #fff; font-size: 17px; color: #fff; line-height: 50px; text-indent: 50px; *margin:2px 0 0;
}
.indexFloatCon li a.phone:hover { background: url(phone1.png) 6px center no-repeat #db2f43 }

